<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>全栈第二周作业-李静怡</title>
    <link rel="stylesheet" href="LAMY.css" />
</head>
<body>
    <div class="top">
        <div class="top_back">
            <img src="images/pinkpen.png" id="top_best">
            <img src="images/top.png" id="top_grey">
            <img src="images/top_pen.png">
        </div>
        <div class="content">
            <div class="top_title">
                <div>新品推荐</div>
                <div>在线购买产品</div>
                <div id="top_box">
                    <div class="LAMY">LAMY</div>
                    <p class="design">Design.Made in Germany</p>
                </div>
                <div>企业礼包</div>
                <div>品牌介绍</div>
            </div>
        </div>
    </div>

    <div class="detail">
        <div class="content" id="content1">
            <div class="det_wel">
                <div class="det_wel_img">
                    <img src="images/welcome_pen.png" >
                </div>
                <div class="det_wel_word">
                    <h2>Welcome to LAMY</h2>
                    <p>德国书写工具品牌LAMY始创人C·Joset tamy于1930年在海德堡创立了欧瑟斯墨水笔制造厂.1952年，崭露头角的LAMY流线型墨水笔，震撼问世，彰显公司的创新敏锐触觉。1966年终于打造出人耳目一新的现代经典之作-<br/>LAMY2000系列。产品撮合了聚碳酸酯与不锈钢材质，绝妙的配搭，使之从芸芸众生的书写工具中脱颖而出，时至今日，依然在市场具有影响力。</p>
                </div>
                <div class="det_wel_video">
                    <img src="images/wel_video_start.png" id="wel_video_start">
                </div>
            </div>
            <div class="det_kinds">
                <div class="det_kinds_title"><h1>LAMY各系列</h1></div>
                <div class="det_kinds_word">
                        <div class="ktitle1"><strong>【恒星系列墨水笔】</strong></div>
                        <div class="ktitle2"><strong>【狩猎系列限量墨水笔】</strong></div>
                        <div class="ktitle3"><strong>【喜悦系列美术笔】</strong></div>
                        <div class="kword1">LAMY 恒星系列延续了LAMY的时尚造型，打造出锦上添花的极致品质。此系列全部均由氧化独特的凹陷式笔握以及弹性铜线笔夹富的颜色让LAMY恒星系列突破了传统散发着无限的青春魅力。</div>
                        <div class="kword2">色彩丰富，颜色亮丽，不仅是可以作为书写工具，同样是很好的装饰品宽大的笔夹设计，可随时夹在包带、牛仔裤T恤袖口上，让您感受创意方便的携带方式笔身通体材质采用车用强力ABS材料</div>
                        <div class="kword3">用以绘图、写艺术字、艺术签名扁平状的笔尖设计，适合书写艺术字立体感极佳.1、1.5、1.9三种笔尖可供选择可书写粗细不等的立体字，让您随时感受变化的乐趣复古的笔杆设计，经典又与众不同，显示出独特的欣赏品味</div>   
                </div>
            </div>
            <div class="button1">
                <p><strong>了解详情</strong></p>
            </div>
        </div>
    </div>

    <div class="purchase">
        <img src="images/yellowpen.png" id="twoPens"> 
            <div class="logo">
                <p><em>LAMY</em></p>
            </div>
    </div>

    <div class="recommend">
            <div class="rec_title">
                <p>From Germany</p>
                <h4>What people are saying?</h4>
            </div>
            <div class="rec_card">
                <div class="rec_card_img">
                    <img src="images/rec_img.png">
                </div>
                <div class="rec_card_word">
                    <p>使用令人难以置信的生产技术和坚持极高水平的精准要求，仅使用一种材质，也足以成就出这款永恒的设计。产品本身是体现不同加工程序和制造工艺。手工打磨的亚光拉丝表面充分体现了品牌对细节的注重。</p>
                </div>
            </div>  
    </div>

    <div class="products">
        <div class="photos">
            <!-- <div class="content"> -->
                <div class="p1">
                    <img src="images/p1.png" >
                </div>
                <div class="p2">
                    <img src="images/p2.png" >
                </div>
                <div class="p3">
                    <img src="images/p3.png" >
                </div>
                <div class="p4">
                    <img src="images/p4.png" >
                </div>
                <div class="p5">
                    <img src="images/p5.png" >
                </div>
                <div class="p6">
                    <img src="images/p6.png" >
                </div>
            <!-- </div> -->
        </div>
        <div class="button2">
            <p><strong>戳我速购</strong></p>
        </div>
    </div>

    <div class="new">
        <div class="box">
            <div class="np1">
                <img src="images/np1.png"><p>You make millions of decisions that is<br/>
                    mean nothing,and then one day your<br/>
                    order takes out life.</p>
            </div>
            <div class="np2">
                <img src="images/np2.png"><p>It's sad when you realize you aren't
                    is as important to someone as you
                    thought you were.</p>
            </div>
            <div class="np3">
                <img src="images/np3.png"><p>Love is unegual,so don'f count how
                    much one confributes,and which is
                    more active.</p>
            </div>
        </div>
        <div class="button3">
            <p><strong>新品推荐</strong></p>
        </div>
    </div>

    <div class="bottom">
        <div class="top_back">
            <img src="images/bottom.png" id="bottom_grey">
            <img src="images/bottom_pen.png">
        </div>  
        <div class="writing">
            <p class="w1">CUTE <br/>useful</p>
            <h1 class="w2">LAMY</h1>
            <p class="w3">GOOD <br/>SIMPLE</p>
        </div>
    </div>

</body>
</html>